<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/amazeui.min.css">
    <link rel="stylesheet" href="css/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/register.css">
    <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="css/layer.css"/>
    <link rel="stylesheet" type="text/css" href="css/LArea.css"/>
    <link rel="stylesheet" type="text/css" href="css/basic.css"/>
    <link rel="stylesheet" type="text/css" href="css/form.css"/>
  <script src="js/jquery-3.1.1.min.js"></script>
    <script src="js/layer.js"></script>
    <script src="js/LAreaData1.js"></script>
    <script src="js/LArea.js"></script>
    <script src="js/form.js"></script>
    <title>注册</title>
</head>
<body>

<header>
    <div class="header_log">
        <a href="javascript:window.history.back();">
            <div id="cityname">
                <span class="am-icon-chevron-left cityname" id="btn-back">返回</span>
            </div>
        </a>
    </div>

</header>

<main>
    <div class="img-gallary">
        <div class="teacher_title">
            <div class="hot_teacher">
                <span>注册信息</span>
            </div>
        </div>
        <!--老师列表开始-->
        <div class="teacher_all">
            <div class="teacher_l">
                <div class="header_h teacher_honor">
                    <form action="" class="am-form am-form-horizontal" method="post">
                        <div class="am-form-group">
                            <label for="doc-ipt-3" class="am-u-sm-3 am-form-label">账号:</label>
                            <div class="am-u-sm-9">
                                <input type="text" id="doc-ipt-21" class="am-radius" placeholder="请输入账号">
                            </div>
                        </div>
                        <div class="am-form-group">
                            <label for="doc-ipt-3" class="am-u-sm-3 am-form-label">密码:</label>
                            <div class="am-u-sm-9">
                                <input type="password" id="doc-ipt-22" class="am-radius" placeholder="请输入密码">
                            </div>
                        </div>
                        <div class="am-form-group">
                            <label for="doc-ipt-3" class="am-u-sm-3 am-form-label">确认密码:</label>
                            <div class="am-u-sm-9">
                                <input type="password" id="doc-ipt-23" class="am-radius" placeholder="请输入确认密码">
                            </div>
                        </div>
                        <div class="am-form-group">
                            <label for="doc-ipt-3" class="am-u-sm-3 am-form-label">姓名:</label>
                            <div class="am-u-sm-9">
                                <input type="text" id="doc-ipt-3" class="am-radius" placeholder="请输入姓名">
                            </div>
                        </div>

                        <div class="am-form-group">
                            <label for="doc-select-1" class="am-u-sm-3 am-form-label">性别:</label>
                            <div class="am-u-sm-9">
                                <select id="doc-select-1">
                                    <option value="1">男</option>
                                    <option value="2">女</option>
                                </select>
                            </div>
                        </div>
                        <div class="am-form-group">
                            <label for="doc-select-1" class="am-u-sm-3 am-form-label">身份:</label>
                            <div class="am-u-sm-9">
                                <select id="doc-select-4">
                                    <option value="1">老师</option>
                                    <option value="2">学生</option>
                                </select>
                            </div>
                        </div>
                        <div class="am-form-group">
                            <label for="doc-select-1" class="am-u-sm-3 am-form-label">年龄:</label>
                            <div class="am-u-sm-9">
                                <select id="doc-select-2">
                                    <option value="1">1</option>
                                    <option value="2">2</option>
                                    <option value="3">3</option>
                                    <option value="4">4</option>
                                </select>
                            </div>
                        </div>
                        <div class="am-form-group">
                            <label for="doc-ipt-3" class="am-u-sm-3 am-form-label">电话:</label>
                            <div class="am-u-sm-9">
                                <input type="text" id="doc-ipt-4" class="am-radius" placeholder="请输入电话">
                            </div>
                        </div>
                        <div class="am-form-group">
                            <label for="doc-select-1" class="am-u-sm-3 am-form-label">所在城市/市县:</label>
                            <div class="am-u-sm-9">
                                <input type="text" id="doc-ipt-5" class="am-radius" placeholder="请输入所在城市/市县">
                            </div>
                            <!--<div class="am-u-sm-4 selectSx">
                                <select id="doc-select-6">
                                    <option selected>请选择市</option>
                                    <option value="1">1</option>
                                    <option value="2">2</option>
                                    <option value="3">3</option>
                                </select>
                            </div>
                            <div class="am-u-sm-4 selectSx">
                                <select id="doc-select-7">
                                    <option selected>请选择县</option>
                                    <option value="1">1</option>
                                    <option value="2">2</option>
                                    <option value="3">3</option>
                                </select>
                            </div>-->
                        </div>

                        <div class="am-form-group upload-box">
                            <label for="doc-ipt-3" class="am-u-sm-3 am-form-label">头像:</label>
                            <div class="upload-head">
                                <div class="add-btn fl">
                                    <input type="file" accept="image/gif,image/jpeg,image/jpg,image/png,image/svg">
                                </div>
                            </div>
                        </div>

                        <div class="am-form-group">
                            <div class="am-u-sm-10 am-u-sm-offset-3">
                                <button type="submit" class="am-btn am-btn-success">提交</button>
                                <button type="reset" class="am-btn am-btn-default">重置</button>
                            </div>
                        </div>
                    </form>

                </div>
            </div>
        </div>
        <!--老师列表结束-->
    </div>

</main>

<footer>
    <div class="am-modal am-modal-alert" tabindex="-1" id="my-alert">
        <div class="am-modal-dialog">
            <div class="am-modal-hd">预约老师</div>
            <div class="am-modal-bd">
                <form class="am-form" action="test.php" method="post">
                    <p><input type="text" class="am-form-field am-round" name="username" id="username"
                              placeholder="请输入预约人姓名"/></p>
                    <p><input type="text" class="am-form-field am-round" name="phone" id="phone"
                              placeholder="请输入预约人手机号码"/></p>
                </form>
            </div>
            <div class="am-modal-footer">
                <span class="am-modal-btn" data-am-modal-cancel>取消</span>
                <span class="am-modal-btn" data-am-modal-confirm onclick="fmSubmit()">确定</span>
            </div>
        </div>
    </div>

    <div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default"
         id="">
        <ul class="am-navbar-nav am-cf am-avg-sm-4 bgcolor">
            <li>
                <a href="###" class="" data-am-modal="{target: '#my-alert'}">
                    <span class="am-icon-phone-square"></span>
                    <span class="am-navbar-label">预约老师</span>
                </a>
            </li>
            <li>
                <a href="###" class="">
                    <span class="am-icon-phone"></span>
                    <span class="am-navbar-label">咨询</span>
                </a>
            </li>
        </ul>
    </div>

</footer>
<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="js/amazeui.min.js"></script>
<script type="text/javascript" src="js/swiper-3.4.2.jquery.min.js"></script>
<script type="text/javascript">
    function fmSubmit() {
        var username = $('#username').val();
        var phone = $('#phone').val();
        console.log(username);
        console.log(phone);
        return false;
        $('.am-form').submit();
    }

</script>
</body>
</html>